---
sidebar_position: 2
---

import ImagePreview from "@site/src/components/ImagePreview";

# 组  

多个组件的*集合*，**组**内的组件的*位置*和*大小*均和**组**相关。  

<ImagePreview alt="组配置" src="/img/docs/设计器/画布/配置/组配置/group-config.jpg" /> 

很多情况下，一个大屏中总会存在很多类似的模块，比如**标题**+**图标**的组合。  
完成一个组合的制作时，通过将其**成组**，然后**复制粘贴**，可大大减少操作步骤，并且**成组**后更加易于*管理*。 

:::tip

修改**组**的尺寸时，**组**内的组件的尺寸不会发生变化，但是会发生**缩放**。

:::

## 布局  

  对**组**内的组件进行统一的布局。  

  <ImagePreview alt="布局" src="/img/docs/设计器/画布/配置/组配置/layout.png" /> 

## 条件  

  根据不同的条件触发不同的动画效果。  
  详细查看组件中的**条件**配置。[传送门](/docs/设计器/配置/组件配置/基础#condition)   